<script setup lang="ts">
import FooterMenu from './menu/index.vue'
import FooterBottom from './bottom/index.vue'
</script>

<template>
  <footer class="site-footer relative overflow-hidden p-0">
    <FooterMenu/>
    <FooterBottom/>
  </footer>
</template>

<style lang="less" scoped>
.site-footer {
  font-size: var(--font-size-medium);
  outline: var(--border);
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--h-bg);
  z-index: 2;
}
</style>
